import 'package:flutter/material.dart';
import 'package:wis_flutter/index.dart';        // wis flutter 组件 

// import 'package:wis_flutter/bottomBar.dart';     // 底部导航条



// 步骤条
class StepperPage extends StatelessWidget {

    @override
    Widget build(BuildContext context) {
      return Scaffold(
          appBar: AppBar( title: const Text('步骤条-页面') ),  // 头部导航条
          // bottomNavigationBar: BottomBarWidget(),       // 底部导航条
          backgroundColor: Colors.blue[10],
          body: Container(
            padding: EdgeInsets.fromLTRB(8,8,8,8),
            child: ListView(
            children: <Widget>[

              WisStepperVertical(
                currentStep:1,   // 当前 第几步
                width:710,      // 宽度 自己根据内容  调一调
                onClick:(index){
                  // 点击事件
                  print(index);
                },
                children:[
                  {
                    "title":"第一步",
                    "content":"内容"
                  },
                  {
                    "title":"第二步",
                    "content":"内容22"
                  },
                  {
                    "title":"第三步",
                    "content":"内容"
                  },
                  {
                    "title":"第四步",
                    "content":"内容222"
                  }                                    
                ]
              ),



              WisStepper(
                currentStep:0,   // 当前 第几步
                onClick:(index){
                  // 点击事件
                  print(index);
                },
                children:[
                  {
                    "title":"第一步",
                    "content":"内容"
                  },
                  {
                    "title":"标题222",
                    "content":"内容222"
                  },
                  {
                    "title":"第三步",
                    "content":"内容"
                  },
                  {
                    "title":"第四步",
                    "content":"内容222"
                  } 
                ]
              ),


              WisButtonBar(
                children: [
                  {
                    "text":"按钮一",
                    "onClick":(){
                      // 点击回调
                      print("按钮一");
                    }
                  },
                  {
                    "text":"按钮二",
                    "color":Color.fromRGBO(255,153,0,1),
                    "onClick":(){
                      // 点击回调
                      print("按钮二");
                    }
                  },
                  {
                    "text":"按钮三",
                    "color":Color.fromRGBO(237,64,20,1),
                    "onClick":(){
                      // 点击回调
                      print("按钮一");
                    }
                  }
                ],
              ),

  


            ],
          ),
          )
          

      ); 
    }
}